<template>
	<view class="page-box">
		<!-- 审核通过 -->
		<view class="apply-box" v-if="pageType == 1">			
			<image src="../../static/icon_success.png" mode="widthFix"></image>
			<view>审核通过！房源已成功发布</view>
			<text>您可以在 房源管理/已发布 中查看</text>
		</view>
		<!-- 审核拒绝 -->
		<view class="apply-box" v-else-if="pageType == 2">
			<image src="../../static/icon_fail.png" mode="widthFix"></image>
			<view>审核拒绝！房源已返回修改</view>
			<text>您可以在 房源管理/待修改 中查看</text>
		</view>
		<view class="apply-box" v-else>
			<view class="img-box">
				<image src="../../static/icon_wait.svg" mode="widthFix"></image>
				<image src="../../static/u1719.png" class="icon-wait"></image>
			</view>	
			<view>房源已提交审核</view>
			<text>您可以在 房源管理/已提交 中查看审核进度</text>
		</view>
		<block v-if="pageType == 1 || pageType == 2">
			<view class="big-btn" @click="switchTabPage('house')">继续审核</view>
			<view class="big-btn empty-btn" @click="switchTabPage('house')">查看房源</view>
		</block>
		<block v-if="pageType == 3">
			<view class="big-btn" @click="switchTabPage('house')">查看</view>
			<view class="big-btn empty-btn" @click="switchTabPage('house')">返回</view>
		</block>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				pageType: 0
			}
		},
		onLoad(option) {
			this.pageType = JSON.parse(decodeURIComponent(option.param))
			uni.setNavigationBarTitle({
				title: this.pageType == 1 ? '审核通过' : this.pageType == 2 ? '审核失败' : '提交成功'
			})
		},
		methods: {
			
		}
	}
</script>

<style lang="scss" scoped>
	.apply-box {
		padding: 80rpx 0 60rpx;
		box-sizing: border-box;
		text-align: center;
		background: #FFF;
		
		image {
			display: block;
			margin: auto;
			width: 200rpx;
		}
		
		view {
			padding-top: 40rpx;
			font-weight: bold;
			font-size: 36rpx;
		}
		
		text {
			color: #676565;
		}
	}
	
	.big-btn {
		margin: 40rpx auto;
		width: 90vw;
		border-radius: 60rpx;
		line-height: 88rpx;
		text-align: center;
		color: #FFF;
		background: #f13b32;
	}
	
	.empty-btn {
		border: 1px solid #f13b32;
		box-sizing: border-box;
		color: #f13b32;
		background: #FFF;
	}
	.img-box{
		position: relative;
	}
	image.icon-wait{
		border-width: 0px;
		position: absolute;
		left: 50%;
		top: 100rpx;
		width: 15px;
		height: 34px;
	}
</style>
